// Copyright 2019 GitBitEx.com
//
// Licensed under the Apache License, Version 2.0 (the "License");
// you may not use this file except in compliance with the License.
// You may obtain a copy of the License at
//
//     https://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.

import { Dom, Prop, Watch, Component} from "./../../component";

@Dom('format-price', require('./price.jade')())
export class PriceFormatComponent extends Component {

    @Prop()
    price: number;

    @Prop()
    type: number;

    @Prop()
    fixed: number;

    format: any = [0, 0];
    css:string;
    priceFixed: string;

    created() {
        this.css = `type-${this.type}`;
    }

    mounted() {
        super.mounted();
        this.onPriceChange();
    }

    @Watch('price')
    onPriceChange() {
        this.priceFixed = this.fixed ? this.price.toFixed(this.fixed) : String(this.price);
        this.format = String(this.priceFixed).split('.');
    }

}